<template>
<div>
	<van-row>
	        <van-col span="24">
	          <van-nav-bar 
			title="积分商城"
	        left-text="返回"
	         left-arrow
	         @click-left="onClickLeft"
	          />
	        </van-col>
	      </van-row>
		  <van-row>
	<van-tree-select style="height: 100%"
	  v-model:main-active-index="activeIndex"
	 height="100%"
	:items="items"
	>
	  <template #content>
	    
	    <van-image
	      v-if="activeIndex === 0"
	      src="https://img.yzcdn.cn/vant/apple-2.jpg"
	    />
		 <van-image
		      v-if="activeIndex === 0"
		      src="https://img.yzcdn.cn/vant/apple-2.jpg"
		    />
			<van-image
			  v-if="activeIndex === 0"
			  src="https://img.yzcdn.cn/vant/apple-2.jpg"
			/>
			 <van-image
			      v-if="activeIndex === 1"
			      src="https://img.yzcdn.cn/vant/apple-2.jpg"
			    />
				<van-image
				  v-if="activeIndex === 1"
				  src="https://img.yzcdn.cn/vant/apple-2.jpg"
				/>
				 <van-image
				      v-if="activeIndex === 1"
				      src="https://img.yzcdn.cn/vant/apple-2.jpg"
				    />
	  </template>
	</van-tree-select>
	</van-row>
</div>
</template>

<script>
import {ref} from 'vue';

export default {
  setup() {

  },
  data() {
    const value = ref(3);
    const activeIndex = ref(0);
    const onClickLeft = () => history.back();
    const activeName = ref('a');
    const activeName1 = ref('a');
    return {
      value,
      activeName,
      activeName1,
      onClickLeft,
      activeIndex,
      items: [{text: '折扣'}, {text: '进店必买'}, {text: '川湘季'}, {text: '主食'},{text: '酒水'},{text: '单加商品'},{text: '炸鸡汉堡'}],
    }
  },
}
</script>

<style>
</style>
